<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>4种样式表使用</title>
		<!-- html部分 -->
		<style>
			/* css注释方式 */
			/* css部分： 选择器：抓取页面元素，元素增加效果
			            选择器{
							属性:属性值;
							属性:属性值;
						}
			*/
		   p{
			   width: 200px;
			   height: 200px;
			   background: #1c0cff;  /* 16进制色值 */
		   }
		</style>
	</head>
	<body>
		<!-- ①内联样式表，也叫行内样式表 【开发不用:没有真正实现内容与表象分离】
		      语法：前标记 style="属性：属性值;属性属性值;..."
		-->
		<div style="width: 300px;height: 300px;background: red;"></div>
		<!-- ②内部样式表  【开发不用：练习专用】 
		      html部分：在head元素中，添加style元素
			  css部分：在style元素中，添加css元素
		-->
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita corrupti, dolore veniam sunt neque perspiciatis eligendi facere repellat, soluta excepturi iure possimus repudiandae unde ipsum illum suscipit eveniet. Explicabo, voluptatum.</p>
	</body>
</html>